/* 大厅容器样式 */
.hall-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 水平居中 */
  justify-content: center;
  /* 垂直居中 */
  min-height: 100vh;
  /* 占满整个视口高度 */
  padding: 20px;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  /* 所有子元素文本默认居中 */
}

/* 导航栏样式（假设你有一个导航栏） */
.navbar {
  width: 100%;
  padding: 10px 0;
  background-color: #ecf0f1;
  margin-bottom: 20px;
}

/* 导航栏文字水平居中 */
.navbar-text {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #2c3e50;
}

/* 用户信息区域样式 */
.user-info {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px;
  width: 100%;
  /* 保持宽度适应容器 */
  box-sizing: border-box;
}

/* 匹配按钮区域样式 */
.match-button {
  margin-top: 20px;
}

/* 开始匹配按钮样式 */
.btn-match {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #3498db;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* 按钮悬停效果 */
.btn-match:hover {
  background-color: #2980b9;
}